<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>导航条中的按钮</title>
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<nav  class="navbar navbar-default">
			<div class="navbar-header">
				<a href="#" class="navbar-brand">LOGO</a>
			</div><br />
			<div class="nav navbar-nav">
				<button class="btn btn-default navbar-btn">button</button>
				<button class="btn btn-primary navbar-btn">button</button>
				<button class="btn btn-success navbar-btn">button</button>
			</div>
		</nav>
		<nav  class="navbar navbar-default navbar-fixed-top">
			<div class="navbar-header">
				<a href="#" class="navbar-brand">LOGO</a>
			</div><br />
			<div class="nav navbar-nav">
				<p class="navbar-text">text</p>
				<p class="navbar-text">text</p>
				<p class="navbar-text">text</p>
			</div>
		</nav>
		<nav  class="navbar navbar-default navbar-fixed-bottom">
			<div class="navbar-header">
				<a href="#" class="navbar-brand">LOGO</a>
			</div><br />
			<div class="nav navbar-nav">
				<a href="#" class="navbar-link">link</a>
				<a href="#" class="navbar-link">link</a>
				<a href="#" class="navbar-link">link</a>
			</div>
		</nav>
	</body>
</html>
